<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Wacom官方网城</title>
  <link rel="stylesheet" href="/css/index.css">
  <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">

</head>
<body>
  <header>
    <div class="top main">
      <div class="top-l">
          <span>欢迎来到Wacom官方商城！</span>
          <span class="wblue">在线客服(周一至周日9:00-18:00)</span>
      </div>
      <div class="top-r">
        <ol>
            <li><a href="/html/login-enter.html">登录</a></li>
            <li><a href="/html/login.html">注册</a></li>
            <li><a href="javascrip：；">关于Wacom</a></li>
            <li><a href="javascrip：；">我的订单</a></li>
            <li class="car-bg"><a href="javascrip：；"><img src="images/carts_03.png" alt=""/><span>购物车</span></a></li>
        </ol>
      </div>
      <div id="nav" class="main">
        <div id="nav-logo">
          <img src="images/logo.png" alt=""/>
        </div>
        <div class="nav">
          <ul>
            <li class="hover"><a href="#">首页</a></li>
            <li><a href="#">所有产品</a></li>
            <li><a href="#">数位板</a></li>
            <li><a href="#">数位屏</a></li>
            <li><a href="#">移动电脑</a></li>
            <li><a href="#">Bamboo</a></li>
            <li><a href="#">原装配件</a></li>
            <li><a href="#">视频专区</a></li>
            <li><a href="#">下载专区</a></li>
          </ul>
        </div>
        <div id="nav-search">
            <input type="text" name="search" id="search" value="" placeholder="请输入查询关键词"/>
            <button style="cursor: pointer" id="btnSearch"><img src="images/search_03.png" alt=""/></button>
        </div>
      </div>
    </div>
  </header>
  <!-- 头部已结束 -->
  <div class="swiper-container banner main">
      <div class="nav-left">
        <ul>
          <li><a href="#">One by Wacom 学习板</a></li>
          <li><a href="#">Wacom  Intuos系列数位板</a></li>
          <li><a href="#">Cintiq新帝数位屏</a></li>
          <li><a href="#">Wacom Cintiq Pro 数位屏</a></li>
          <li><a href="#">Wacom MobileStudio Pro 创意移动电脑&amp;工作站></a></li>
          <li><a href="#">Bamboo智能生活科技></a></li>
          <li><a href="#">原装配件</a></li>
          <li><a href="#">Wacom官方认证开封品</a></li>
          <li><a href="#">Wacom Intuos Pro 数位板></a></li>
          <li><a href="#">Wacom one 创意数位屏</a></li>
        </ul>
        <div id="left-bg"></div>
      </div>
      <!-- 轮播图左侧 -->
      <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="#"><img src="images/1.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/2.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/3.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/4.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/5.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/6.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="images/7.jpg"></a></div>
          </div>
          <div class="swiper-pagination"></div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
      </div>
  </div>
  <!-- 轮播图部分已完成 -->
  <div class="hot main">
      <div class="hot-l">
          <ul>
              <a href="#" target="_blank">
                  <li>
                      <h5>Wacom Cintiq Pro</h5>
                      <p>新一代数位屏  8192压感                  十指触控   23.6英寸</p>
                      <span>¥24800起 </span>
                      <img src="images/hot-01.png" alt="" width="247" />
                  </li>
              </a>
              <a href="#" target="_blank">
                  <li>

                      <h5>Wacom Intuos Pro</h5>
                      <p>新一代影拓Pro 数位板 8192压感 创新双模体验 无线触控</p>
                      <span>¥2880起 </span>
                      <img src="images/hot-02.png" alt="" width="247" />
                  </li>
              </a>
              <a href="#" target="_blank">
                  <li>

                      <h5>新一代影拓蓝牙无线4096压感</h5>
                      <p>赠高达160美金  3款创意软件包</p>
                      <span>¥1480 </span>
                      <img src="images/hot-03.png" alt="" width="247" />
                  </li>
              </a>
          </ul>
      </div>
      <div class="hot-r">
          <a href="#" target="_blank">
              <div class="sm">
                  <h6>Wacom Ergo支架限货发售</h6>
                  <p>DTH/K 2421 专用人体工程支架</p>
                  <img src="images/hot-04.png" alt="" height="100" width="154.047" />
              </div>
          </a>
  </div>
  </div>
  <!-- hot已完成 -->

  <div class="part main">
      <div class="title">
          Bamboo智能生活科技
          <a href="#">查看更多</a>
      </div>
      <div class="main">
          <a href="#" target="_blank">
            <img src="images/part-01.jpg" width="1199" height="307"/>
      </div>
      <div class="part-lis">
          <a href="#" target="_blank">
            <div class="part-lis-l">
                <h5>Bamboo Slate</h5>
                <p>单开  智能笔记事数位本</p>
                <span>¥999起 </span>
                <div class="plimg">
                    <img src="images/part-lis-l.png" height="187" width="123.344" />
                </div>
            </div>
        </a>
        <div class="part-lis-r">
            <ul>
                <li>
                    <a href="#" target="_blank">
                        <div class="plimg">
                            <img src="images/part-lis-r-01.png" width="159.188" height="62.500" />
                        </div>
                        <h5>Bamboo Folio</h5>
                        <p>对开  智能笔记事数位本</p>
                        <span>¥1280起 </span>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <div class="plimg">
                            <img src="images/part-lis-r-02.png" width="159.188" height="62.500" />
                        </div>
                        <h5>Bamboo Sketch</h5>
                        <p>旗舰智能手绘触控笔</p>
                        <span>¥699 </span>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <div class="plimg">
                            <img src="images/part-lis-r-03.png" width="159.188" height="62.500" />
                        </div>
                        <h5>Bamboo Fineline3</h5>
                        <p>高端智能触控笔</p>
                        <span>¥499 </span>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <div class="plimg">
                            <img src="images/part-lis-r-04.png" width="159.188" height="62.500" />
                        </div>
                        <h5>Bamboo Solo</h5>
                        <p>碳纤维笔头电容触控笔</p>
                        <span>¥168 </span>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <div class="plimg">
                            <img src="images/part-lis-r-05.png" width="159.188" height="62.500" />
                        </div>
                        <h5>Bamboo Duo</h5>
                        <p>电容触控圆珠两用笔</p>
                        <span>¥230 </span>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <div class="plimg">
                            <img src="images/part-lis-r-06.png" width="159.188" height="62.500" />
                        </div>
                        <h5>Bamboo Alpha</h5>
                        <p>电容触控笔</p>
                        <span>¥89 </span>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <div class="plimg">
                            <img src="images/part-lis-r-07.png" width="159.188" height="62.500" />
                        </div>
                        <h5>Bamboo 配件笔</h5>
                        <p>适用于智能数位本</p>
                        <span>¥320 </span>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <div class="plimg">
                            <img src="images/part-lis-r-08.png" width="159.188" height="62.500" />
                        </div>
                        <h5>配件笔圆珠笔芯</h5>
                        <p>适用于Bamboo配件笔</p>
                        <span>¥78 </span>
                    </a>
                </li>
            </ul>
        </div>
      </div>
  </div>

  <!--下面是全线产品分类部分 -->
  <div class="part main">
      <div class="swiper2-container">
          <div class="title">全线产品分类</div>
          <div class="swiper-wrapper hover">
                  <div class="swiper-slide">
                      <div class="new-l">
                          <div class="line"></div>
                          <h3>One by Wacom</h3>
                          <div class="line"></div>
                          <p>⁡⁢⁡⁢⁡⁢⁡⁢数位学习板</p>
                          <p></p>
                      </div>
                      <div class="new-r">
                          <a href="#" target="_blank">
                              <img src="images/new-r-01.png" width="257" />
                          </a>
                      </div>
                  </div>
                  <div class="swiper-slide">
                      <div class="new-l">
                          <div class="line"></div>
                          <h3>Intuos</h3>
                          <div class="line"></div>
                          <p>影拓数位板</p>
                          <p></p>
                      </div>
                      <div class="new-r">
                          <a href="#" target="_blank">
                              <img src="images/new-r-02.png" width="257" />
                          </a>
                      </div>
                  </div>
                  <div class="swiper-slide">
                      <div class="new-l">
                          <div class="line"></div>
                          <h3>Wacom Intuos Pro</h3>
                          <div class="line"></div>
                          <p>专业数位板</p>
                          <p></p>
                      </div>
                      <div class="new-r">
                          <a href="#" target="_blank">
                              <img src="images/new-r-03.png" width="257" />
                          </a>
                      </div>
                  </div>
                  <div class="swiper-slide">
                      <div class="new-l">
                          <div class="line"></div>
                          <h3>Cintiq</h3>
                          <div class="line"></div>
                          <p>新帝数位屏</p>
                          <p></p>
                      </div>
                      <div class="new-r">
                          <a href="#" target="_blank">
                              <img src="images/new-r-04.png" width="257" />
                          </a>
                      </div>
                  </div>
                  <div class="swiper-slide">
                      <div class="new-l">
                          <div class="line"></div>
                          <h3>Wacom MobileStudio Pro</h3>
                          <div class="line"></div>
                          <p>创意移动电脑&amp;工作站</p>
                          <p></p>
                      </div>
                      <div class="new-r">
                          <a href="#" target="_blank">
                              <img src="images/new-r-05.png" width="257" />
                          </a>
                      </div>
                  </div>
                  <div class="swiper-slide">
                      <div class="new-l">
                          <div class="line"></div>
                          <h3>Wacom Cintiq Pro</h3>
                          <div class="line"></div>
                          <p>新帝Pro 数位屏</p>
                          <p></p>
                      </div>
                      <div class="new-r">
                          <a href="#" target="_blank">
                              <img src="images/new-r-06.png" width="257" />
                          </a>
                      </div>
                  </div>
          </div>
              <div class="swiper-wrapper">
                      <div class="swiper-slide">
                          <div class="new-l">
                              <div class="line"></div>
                              <h3>Bamboo智能生活科技</h3>
                              <div class="line"></div>
                              <p>智能黑科技数位本/触控笔</p>
                              <p></p>
                          </div>
                          <div class="new-r">
                              <a href="#" target="_blank">
                                  <img src="images/new-r-07.png" width="257" />
                              </a>
                          </div>
                      </div>
                      <div class="swiper-slide">
                          <div class="new-l">
                              <div class="line"></div>
                              <h3>原装配件</h3>
                              <div class="line"></div>
                              <p></p>
                              <p></p>
                          </div>
                          <div class="new-r">
                              <a href="#" target="_blank">
                                  <img src="images/new-r-08.png" width="257" />
                              </a>
                          </div>
                      </div>
              </div>

          <div class="pn">
              <div class="swiper2-button-prev swiper-button-disabled"></div>
              <div class="swiper2-button-next"></div>
          </div>

      </div>
  </div>
<!-- part 已完成 -->

<footer>
  <div id="footer">
    <div class="footer">
      <ul>
        <li>
          <h5>购物指南</h5> 
          <a href="/about/info/psfs">配送方式</a> 
          <a href="/about/info/lxkf">联系客服</a>
        </li>
        <li>
          <h5>支付方式</h5>
          <a href="/about/info/zxzf">在线支付</a>
          <a href="/about/info/yjfk">邮局汇款</a>
          <a href="/about/info/gszz">公司转账</a>
        </li>
        <li>
          <h5>售后服务</h5>
          <a href="/about/info/shzc">售后政策</a>
          <a href="/about/info/gyfp">关于发票</a>
          <a href="/about/info/wxzx">维修中心</a>
          <a href="/about/info/qxdd">取消订单</a>
          <a href="/about/info/spzq">视频专区</a>
          <a href="/about/info/xzzq">下载专区</a>
        </li>
        <li>
          <h5>关于我们</h5>
          <a href="/about/info/ppjs">品牌介绍</a>
        </li>
      </ul>
      <div class="eqr">
        <div class="eqr-wb">
          <h6 class="wb">官方微博</h6>
          <a href="#" target="_blank">
            <img src="images/weibo.png" width="92" />
            <p>扫描二维码</p>
            <p>或<a href="#" target="_blank">点击访问</a></p>
          </a>
        </div>
        <div class="eqr-wx">
            <h6 class="wx">官方微信</h6>
            <img src="images/ewx.png" />
            <p>扫描二维码</p>
            <p>帐号wacom_china</p>
        </div>
      </div>
    </div>
  </div>

  <div class="sevice">
    <div class="mycall">
        <span class="s01">在线客服(周一至周日8:30-24:00) </span>
    </div>
    <div class="share" style="right:200px;">
        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <span class="bds_more white">分享到：</span> <a class="bds_tsina"></a> <a class="bds_qzone"></a> <a class="bds_tqq"></a> <a class="bds_renren"></a> <a class="bds_t163"></a></div>
    </div>
  </div>
  
  <div class="power">
    <div><a href="https://www.wacom.com/zh-cn/terms-of-use" target="_blank" style="color:#02a7e0">使用条款</a>
      <a href="https://www.wacom.com/zh-cn/privacy" target="_blank" style="color:#02a7e0">隐私条款</a>
      <a href="https://www.wacom.com/zh-cn/cookie-notice" target="_blank" style="color:#02a7e0">Cookie Notice</a>	</div>
      Copyright © 2018 estore.wacom.com.cn 和冠科技（北京）有限公司All Rights Reserved. 京ICP备13037713号 
      <br/>
      为了给您提供更好的购物体验，推荐使用谷歌、360急速、IE10及以上版本浏览器访问本商城。
    </div>
</footer>
<div class="online">
    <ul>
        <li class="my">
            <a href="/MemberCenter/Account"></a>
            <p>我的账户</p>
        </li>
        <li class="mycar">
            <a href="/Orders/ShoppingCart">购物车</a>
        </li>
        <li class="order">
            <a href="/MemberCenter/OrderList"></a>
            <p>我的订单</p>
        </li>
        <li class="wish">
            <a href="/MemberCenter/Collection"></a>
            <p>我的收藏</p>
        </li>
        <li class="ewm">
            <a href="javascript:;"></a>
            <div>
                <span>
                    <img src="/Content/Wacom/new/img/weibo.png" />
                    官方微博
                </span>
                <span>
                    <img src="/Content/Wacom/new/img/weixin.png" />
                    官方微信
                </span>
            </div>
        </li>
        <li class="ttop">
            <a href="#top"></a>
            <p>返回顶部</p>
        </li>
    </ul>
</div>
</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>
</html>